<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tab栏切换</title>
<link href="example27.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="example27.js"></script>
</head>
<body>
	<div class="tab-box">
		<div class="tab-head" id="tab-head">
			<div class="tab-head-div current">公司动态</div>
			<div class="tab-head-div">开学典礼</div>
			<div class="tab-head-div">学员感言</div>
			<div class="tab-head-div tab-head-r">学员故事</div>
		</div>
		<div class="tab-body" id="tab-body">
			<ul class="tab-body-ul current">
				<li>网络营销课程钜惠5000元，只剩最后10天</li>
				<li>《传智特刊》开年任性大改版,第22期炫酷上线</li>
				<li>2014版传智播客PHP学习路线图霸气上线</li>
				<li>IT教师的福音,专教技术干货的大学教材震撼首发</li>
			</ul>
			<ul class="tab-body-ul">
				<li>且行且珍惜，退伍兵钟爱传智播客</li>
				<li>听听学员讲述传智播客跟其他机构的对比</li>
				<li>基础班学员为新学员指点迷津</li>
				<li>女汉纸背后的故事：试听课上被老师折服</li>
			</ul>
			<ul class="tab-body-ul">
				<li>用汗水证明这是传智播客的时代</li>
				<li>瓦工的“程序员”梦</li>
				<li>iOS学习之路,撑起我的成长梦想</li>
				<li>催人泪下：一个电力工人转身IT的经历</li>
			</ul>
			<ul class="tab-body-ul">
				<li>一个让老程序员都汗颜的应届生</li>
				<li>草根学员从求知走向岗位的蜕变故事</li>
				<li>我与编程的“爱恨情仇”</li>
				<li>狂风暴雨之后才是最灿烂的彩虹</li>
			</ul>
		</div>
	</div>
</body>
</html>
